<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title></title>
    <jsp:include page="common/header.jsp"/>

    <style type="text/css">
        .theme-dropdown .dropdown-menu {
            position: static;
            display: block;
            margin-bottom: 20px;
        }

        .theme-showcase > p > .btn {
            margin: 5px 0;
        }
        .theme-showcase .navbar .container {
            width: auto;
        }
        .panel .row {
            margin: 5px 0;
        }
        .panel-body ul {
            margin: 20px 0;
        }
        .panel-body ul li {
            line-height: 40px;
            font-size: 18px;
        }

        .bs-docs-footer {
            border-top: 1px solid #e5e5e5;
            color: #777;
            text-align: center;
        }
    </style>
</head>
<body>
<!-- 导航条 -->
<jsp:include page="common/navbar.jsp"/>

<div class="container theme-showcase" role="main">
<style type="text/css">
/* register */
input{border:none;_border:0;outline:none; background:none;font-size: 16px;font-family:"Microsoft YaHei","Lucida Sans Unicode","Myriad Pro","Hiragino Sans GB","Heiti SC",Verdana,simsun;}
li {list-style: none;vertical-align: top;}
.rg_box{padding:30px 0 30px 30px;float:left;zoom:1;*display:inline-block;}
.rg_input_box{padding:28px 24px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; box-shadow:0px 0px 5px #999; background:#fff;}
.rg_input_box li{width:478px; font-size:14px;position:relative;}
.rg_input_box .input_bg{background:url(https://www.xiaomabank.com/img/lg_bg_sp.png) no-repeat;  margin-bottom:22px; height:37px; padding:4px;}
.rg_input_box .input_bg_last{}
.rg_input_box .input_bg input{padding:4px 14px; width:442px; line-height:29px; height:29px;}
.rg_input_box .input_bg label{position:absolute;line-height:45px; left:18px; color:#9aa1a8; font-size:14px; top:0;cursor:text;}
.rg_input_box .ckbox{height:36px;line-height:36px;}
.rg_input_box .ckbox input{width:14px; height:14px; margin-right:4px; vertical-align:middle;}
.rg_input_box .ckbox a{color:#0da0ec;}
.rg_input_box .check_code_bg{height:45px; overflow:hidden;}
.rg_input_box .sbm{height:57px; position:relative;}
.rg_input_box .sbm span{ position:absolute; left:0; top:0;height:100%;width:100%; cursor:auto; z-index:2;}
.rg_input_box .sbm input{background:url(https://www.xiaomabank.com/img/lg_bg_sp.png) 0 -45px no-repeat; height:57px; line-height:57px; font-size:24px; color:#fff; text-align:center; display:block; width:478px; cursor:pointer;position:relative;}
.rg_check_code_box{zoom:1; height:45px; left:0; display: none;}
.rg_check_code_box label{position:absolute;line-height:45px; left:18px; color:#9aa1a8; font-size:14px; top:0;cursor:text;}
.rg_check_code_bg{background:url(https://www.xiaomabank.com/img/lg_bg_sp.png) 0 -102px no-repeat; height:29px; width:234px;float:left; margin-right:10px; display:inline;padding:8px 18px;}
.rg_check_code_bg input{line-height:29px;width:234px; height:29px;}
.rg_check_code_box img{height:43px;width:88px;float:left;margin-right:10px; border:1px solid #e4e4e4;}
.rg_check_code_box a{float:left; font-size:14px; color:#5ab3ee;line-height:76px; overflow:hidden; height:45px;}
.rg_input_box .last{line-height:30px; height:30px; text-align:center; padding-top:10px;}
</style>
<div class="clear wrap2 wrap3 wrap4 rg_bg">
  <div class="rg_box">
			<form action="#" method="post" id="register_form" name="form">
				<ul class="rg_input_box">
					<li class="input_bg">
					<input type="text" name="paramMap.value"
						id="value" placeholder="有效手机号码或邮箱"/> </li>
					<li class="input_bg">
					<input type="password"  name="paramMap.password" id="password" placeholder="输入密码，长度6-20位，至少包含数字和字母"/> 
					</li>
					<li class="input_bg input_bg_last">
					<input type="password"  name="paramMap.confirmPassword" id="confirmPassword" placeholder="再次输入密码"/> 
					</li>
					<li class="rg_check_code_box" id="rg_check_code_box1">
						<div class="rg_check_code_bg">
							<input type="text" name="paramMap.cellcode" id="cellcode" /> <label
								for="check_code">手机验证码</label>
							<div class="rg_pass"></div>
							<div class="rg_prompt">
								<div class="rg_prompt_left"></div>
								<div class="rg_prompt_right"></div>
							</div>
						</div> <a id="sendNewMessage" href="javascript:;"
						class="rg_get_acti_code">免费获取验证码</a>
					</li>
					<li class="ckbox"><input type="checkbox" name="service"
						checked /> 我已阅读并同意<a href="javascript:;" class="blue">用户使用协议</a></li>
					<li class="sbm">
					<input type="button" value="注册" id="btn_submit" /></li>
					<li class="last">已有账号<a class="textblue" href="#">登录</a>
					</li>
				</ul>
				<!-- 标示验证码  -->
				<input type="hidden" name="paramMap.pageId" value="userregister" />
			</form>
		</div>
	</div>
</div>

<!-- 底部 -->
<jsp:include page="common/footer.jsp"/>

</body>
</html>
